#set($layout="/www/layout/layout.html") #set($pageClass="study")
<link rel="stylesheet" href="/css/cms.css" />
<div class="portlet-container">
    <div class="container">
      <div id="study-menu" class="navbar" role="navigation">
            <div class="navbar-header pull-left">
                <a class="navbar-brand" href="${base}/study/">HOMS学堂</a>
            </div>
            <div class="navbar-collapse pull-left">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="${base}/study/">热门推荐<em></em></a>
                    </li>
                    <li class=""><a href="#">新手入门<em></em></a>
                    </li>
                    <li class=""><a href="#">高手进晋<em></em></a>
                    </li>
                </ul>
            </div>
            <div class="navbar-search pull-right">
                <div class="key-search">
                    <form action="" method="get">
                        <input type="text" name="keyword" class="search-box" placeholder="请输入搜索关键字">
                        <input type="submit" class="search-btn" value="搜索" />
                    </form>
                </div>
            </div>
        </div>
        <div class="row" id="study_detail">
          <div class="col-md-8 pull-left">
              <div class="panel" id="article-panel">
                <div class="panel-body">
      						<h3 class="article-title">恒生电子从上交所退市，进军美国IPO</h3>
      						<div class="article-content">
      							<p>
      								<img src="../images/test.png">
      							</p>
      						</div>
                  <div class="article-title-more article-title-author">
                     2020-10-10 来源: 恒生官方 作者:  恒生电子
                  </div>
                </div>
              </div>
          </div>
			    <div class="col-md-4 pull-right">
            <div class="panel" id="other-panel">
      					<div class="panel-heading">
      					  <h1 class="panel-title">相关视频</h1>
      					</div>
                  <div class="panel-body">
                              <ul class="articles">
                                  <li>
      								<a href="${a.url}"><img src=""/>[@text_cut s=a.title len=titLen /]</a>
                                 	</li>
                                  <li>
      								<a href="${a.url}"><img src=""/>[@text_cut s=a.title len=titLen /]</a>
                                 	</li>
                                  <li>
      								<a href="${a.url}"><img src=""/>[@text_cut s=a.title len=titLen /]</a>
                                 	</li>
                              </ul>
                  </div>
              </div>
              <div class="panel" id="other-panel2">
                <div class="panel-heading">
                  <h1 class="panel-title">相关课程</h1>
                </div>
                  <div class="panel-body">
                              <ul class="articles article">
                                  <li>
                      <a href="${a.url}">[@text_cut s=a.title len=titLen /]</a>
                                  </li>
                                  <li>
                      <a href="${a.url}">[@text_cut s=a.title len=titLen /]</a>
                                  </li>
                                  <li>
                      <a href="${a.url}">[@text_cut s=a.title len=titLen /]</a>
                                  </li>
                                  <li>
                      <a href="${a.url}">[@text_cut s=a.title len=titLen /]</a>
                                  </li>
                                  <li>
                      <a href="${a.url}">[@text_cut s=a.title len=titLen /]</a>
                                  </li>
                              </ul>
                  </div>
              </div>
            </div>
        </div>
    </div>
</div>
